<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>欢迎页</title>
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">

	<!--<link rel="shortcut icon" href="favicon.ico">-->
	<link th:href="@{/css/bootstrap.min.css?v=3.3.6}"
		  href="../static/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
	<link th:href="@{/css/font-awesome.min.css?v=4.4.0}"
		  href="../static/css/font-awesome.min.css?v=4.4.0"
		  rel="stylesheet">
	<link th:href="@{/css/animate.css}"
		  href="../static/css/animate.css" rel="stylesheet">
	<link th:href="@{/css/style.css?v=4.1.0}"
		  href="../static/css/style.css?v=4.1.0" rel="stylesheet">
	<style>
		body{
			background-color: #eee
		}
	</style>
</head>
<body>
	<!-- 监管机构开始-->
	<div class="wrapper wrapper-content animated fadeInRight" >
		<div class="row">
			<div class="col-sm-3">
				<div class="widget style1 yellow-bg">
					<div class="row">
						<div class="col-xs-4 text-center">
							<i class="fa fa-check fa-5x"></i>
						</div>
						<div class="col-xs-8 text-right">
							<span> 日检测记录量 </span>
							<h2 class="font-bold" id="countDay"></h2>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="widget style1 navy-bg">
					<div class="row">
						<div class="col-xs-4">
							<i class="fa fa-calendar-check-o fa-5x"></i>
						</div>
						<div class="col-xs-8 text-right">
							<span> 月检测记录量 </span>
							<h2 class="font-bold" id="countMonth"></h2>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="widget style1 lazur-bg">
					<div class="row">
						<div class="col-xs-4">
							<i class="fa fa-image fa-5x"></i>
						</div>
						<div class="col-xs-8 text-right">
							<span> 检测报告图片总量 </span>
							<h2 class="font-bold" id="reportImgCountAll"></h2>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="widget style1 yellow-bg">
					<div class="row">
						<div class="col-xs-4">
							<i class="fa fa-check-circle fa-5x"></i>
						</div>
						<div class="col-xs-8 text-right">
							<span> 总检测记录量 </span>
							<h2 class="font-bold" id="countAll"></h2>
						</div>
					</div>
				</div>
			</div>


			<div class="row">
				<div class="col-sm-4">
					<div class="ibox">
						<div class="ibox-content">
							<h5>最新检测记录</h5>
							<table class="table table-stripped small m-t-md">
								<tbody id="newestRecord">
								<!--<tr>-->
									<!--<td class="no-borders">-->
										<!--<i class="fa fa-circle text-navy"></i>-->
									<!--</td>-->
									<!--<td class="no-borders">-->
										<!--示例 01-->
									<!--</td>-->
								<!--</tr>-->
								<!--<tr>-->
									<!--<td>-->
										<!--<i class="fa fa-circle text-navy"></i>-->
									<!--</td>-->
									<!--<td>-->
										<!--示例 02-->
									<!--</td>-->
								<!--</tr>-->
								<!--<tr>-->
									<!--<td>-->
										<!--<i class="fa fa-circle text-navy"></i>-->
									<!--</td>-->
									<!--<td>-->
										<!--示例 03-->
									<!--</td>-->
								<!--</tr>-->
								</tbody>
							</table>
						</div>
					</div>
				</div>
				<div class="col-sm-4">
					<div class="ibox">
						<div class="ibox-content">
							<h5>检测排行榜</h5>
							<table class="table table-stripped small m-t-md">
								<tbody id="checkRank">
								<!--<tr>-->
									<!--<td class="no-borders">-->
										<!--<i class="fa fa-circle text-navy"></i>-->
									<!--</td>-->
									<!--<td class="no-borders">-->
										<!--示例 01-->
									<!--</td>-->
								<!--</tr>-->
								<!--<tr>-->
									<!--<td>-->
										<!--<i class="fa fa-circle text-navy"></i>-->
									<!--</td>-->
									<!--<td>-->
										<!--示例 02-->
									<!--</td>-->
								<!--</tr>-->
								<!--<tr>-->
									<!--<td>-->
										<!--<i class="fa fa-circle text-navy"></i>-->
									<!--</td>-->
									<!--<td>-->
										<!--示例 03-->
									<!--</td>-->
								<!--</tr>-->
								</tbody>
							</table>
						</div>
					</div>
				</div>
				<!--<div class="col-sm-4">-->
					<!--<div class="ibox">-->
						<!--<div class="ibox-content">-->
							<!--<h5>待定</h5>-->
							<!--<table class="table table-stripped small m-t-md">-->
								<!--<tbody>-->
								<!--<tr>-->
									<!--<td class="no-borders">-->
										<!--<i class="fa fa-circle text-navy"></i>-->
									<!--</td>-->
									<!--<td class="no-borders">-->
										<!--示例 01-->
									<!--</td>-->
								<!--</tr>-->
								<!--<tr>-->
									<!--<td>-->
										<!--<i class="fa fa-circle text-navy"></i>-->
									<!--</td>-->
									<!--<td>-->
										<!--示例 02-->
									<!--</td>-->
								<!--</tr>-->
								<!--<tr>-->
									<!--<td>-->
										<!--<i class="fa fa-circle text-navy"></i>-->
									<!--</td>-->
									<!--<td>-->
										<!--示例 03-->
									<!--</td>-->
								<!--</tr>-->
								<!--</tbody>-->
							<!--</table>-->
						<!--</div>-->
					<!--</div>-->
				<!--</div>-->
			</div>


		<div class="row">
			<div class="col-sm-6">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>饼状图</h5>
						<div class="ibox-tools">
							<a class="collapse-link">
								<i class="fa fa-chevron-up"></i>
							</a>
							<a class="close-link">
								<i class="fa fa-times"></i>
							</a>
						</div>
					</div>
					<div class="ibox-content">
						<div class="echarts" id="echarts-pie-chart"></div>
					</div>
				</div>
			</div>
			<div class="col-sm-6">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>饼状图</h5>
						<div class="ibox-tools">
							<a class="collapse-link">
								<i class="fa fa-chevron-up"></i>
							</a>
							<a class="close-link">
								<i class="fa fa-times"></i>
							</a>
						</div>
					</div>
					<div class="ibox-content">
							<div class="echarts" id="flot-pie-chart"></div>
					</div>
				</div>
			</div>
	</div>
	<div class="row">
		<div class="col-sm-12">
			<div class="ibox float-e-margins">
				<div class="ibox-title">
				<h5>折线图</h5>
				<div class="ibox-tools">
				<a class="collapse-link">
				<i class="fa fa-chevron-up"></i>
				</a>
				<a class="close-link">
				<i class="fa fa-times"></i>
				</a>
				</div>
				</div>
				<div class="ibox-content">
				<div class="echarts" id="echarts-line-chart"></div>
				</div>
			</div>
		</div>
	</div>


</div>
	</div>
	<!-- 监管机构结束-->
</body>
<!-- 全局js -->
<script th:src="@{/js/jquery.min.js?v=2.1.4}"
		src="../static/js/jquery.min.js?v=2.1.4"></script>
<script th:src="@{/js/bootstrap.min.js?v=3.3.6}"
		src="../static/js/bootstrap.min.js?v=3.3.6"></script>

<script th:src="@{/js/plugins/layer/layer.min.js}"
		src="../static/js/plugins/layer/layer.min.js"></script>
<script type="text/javascript" th:inline="javascript">
    function getContext() {
        var ctxPath = [[@{/}]];
            if (ctxPath == '/'){
                return ''
            }

            return ctxPath;
        }
</script>
<script src="js/plugins/echarts/echarts-all.js" th:src="@{/js/plugins/echarts/echarts-all.js}"></script>
<script src="js/plugins/sparkline/jquery.sparkline.min.js" th:src="@{/js/plugins/sparkline/jquery.sparkline.min.js}"></script>
<script src="js/plugins/flot/jquery.flot.js" th:src="@{/js/plugins/flot/jquery.flot.js}" ></script>
<script src="js/plugins/flot/jquery.flot.tooltip.min.js" th:src="@{/js/plugins/flot/jquery.flot.tooltip.min.js}" ></script>
<script src="js/plugins/flot/jquery.flot.resize.js" th:src="@{/js/plugins/flot/jquery.flot.resize.js}" ></script>
<script src="js/plugins/flot/jquery.flot.pie.js" th:src="@{/js/plugins/flot/jquery.flot.pie.js}"></script>


<script src="js/demo/echarts-supervise.js" th:src="@{/js/appjs/report/report/echarts-report.js}" ></script>


<!-- Sparkline -->


<script type="text/javascript">

</script>
</html>